<template>
    <view :class="['fixed','t0','l0','w100b','h100b','bsbox','dsf','jcfe','flex-column','',isIPX?'pb42':'']" style="background-color:rgba(0,0,0,0.4);" v-if="showInvoice">
    <view class="bgf4 bg-white " style="height:85vh;">
        <view class="h100rpx dsf alc jcsb pore pr30 pl30 ">
            <u-icon     name="close" size="26" ></u-icon>
            <view class="fz32 col333 fwb ">{{$root.m0}}</view>
            <view ></view>
        </view>
        <scroll-view class="pl30 pr30 " scrollY="true" style="height:calc(100% - 240rpx);">
            <view class="bdra10 bgfff pt24 pb24 pl24 pr24 dsf alc mb18 invoice-select " v-for="(item,index) in $root.l0" :key="index">
                <view >
                    <u-radio-group     size="20" v-model="InvoiceSelection"  >
                        <u-radio   class="w100b h100b "  :name="item[$orig].id" ></u-radio>
                    </u-radio-group>
                </view>
                <view class="fg1 pl24 bsbox ">
                    <view class="dsf alc ">
                        <view class="fg1 onehide fz28 col333 fwb ">{{item[$orig].title}}</view>
                        <view class="is_detault_button " v-if="item[$orig].is_default==1">{{item.m1}}</view>
                        <view :class="['pl10','pr10','h45','bsbox','bgFFEED3','dsf','alc','jcc','fz20','colFFA81C','my-ml20rpx','invoice_type','',item[$orig].type===2?'invoice_special':'']">{{''+(item[$orig].type===1&&item[$orig].header_type===1?item.m2:item[$orig].type===1&&item[$orig].header_type===2?item.m3:item.m4)+''}}</view>
                    </view>
                    <view class="fz24 col999 pt14 ">{{item.m5+' '+item[$orig].email}}</view>
                    <view class="pt14 dsf alc jcsb ">
                        <view class="fz24 col999 " v-if="item[$orig].header_type==2">{{item.m6+' '+item[$orig].duty_number}}</view>
                        <view class="fz24 col999 " v-if="item[$orig].header_type==1">{{item.m7+' '+item[$orig].drawer_phone}}</view>
                        <view class="fz24 col999 dsf alc ">
                            <u-icon   name="edit-pen" size="20" ></u-icon>
                            <text  class="ml8 " >{{item.m8}}</text>
                        </view>
                    </view>
                </view>
            </view>
        </scroll-view>
        <view class="pb30 pt30 pl24 pr24 dsf h80 content-box ">
            <u-button     :text="$root.m9" type="primary" ></u-button>
        </view>
    </view>
</view>

</template>

<script>
	export default {
		data() {
      
    },
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
.is_detault_button {
    border: 1upx solid #1db0fc;
    color: #1db0fc;
    font-size: 20upx;
    height: 28upx;
    line-height: 28upx;
    margin-left: 18upx;
    text-align: center;
    width: 80upx
}

.invoice_type {
    background-color: #fcf0e0;
    color: #d67300;
    font-size: 24upx;
    height: 42upx;
    line-height: 42upx;
    margin-left: 30upx;
    text-align: center;
    width: 172upx
}

.invoice_special {
    background-color: #fde9e7;
    color: #e93323
}

.invoice-select {
    box-shadow: 0upx 0upx 12upx #75acf1;
    margin: 10upx 10upx 19upx
}
</style>